﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>设置节点图标</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />

    
    <script src="../../scripts/boot.js" type="text/javascript"></script>
    
    

</head>
<body>
    <h1>设置节点图标</h1>      

    <ul id="tree1" class="mini-tree" style="width:300px;padding:5px;" 
        showTreeIcon="true" textField="text" idField="id" expandOnLoad="true"
        imgPath="imgs/"
        >        
    </ul>

        

    <script type="text/javascript">
        mini.parse();

        ////////////////////////////////////
        var list = [
	        { id: "base", text: "Base" },            
	        { id: "ajax", text: "Ajax", pid: "base", img: 'add.gif' },
	        { id: "json", text: "JSON", pid: "base", img: 'edit.gif' },
	        { id: "date", text: "Date", pid: "base", img: 'lock.png' },
	        { id: "control", text: "Control", pid: "base" },
	        { id: "forms", text: "Forms", pid: "base" },
	        { id: "button", text: "Button", pid: "forms" },
	        { id: "listbox", text: "ListBox", pid: "forms" },
	        { id: "checkboxlist", text: "CheckBoxList", pid: "forms" },
            { id: "lists", text: "Lists" },
	        { id: "datagrid", text: "DataGrid", pid: "lists" },
	        { id: "tree", text: "Tree", pid: "lists" },
	        { id: "treegrid", text: "TreeGrid ", pid: "lists" }
        ];
	    var tree = mini.get("tree1");
	    tree.loadList(list, "id", "pid");

    </script>

    

    <div class="description">
        <h3>Description</h3>
        <p>            
        </p>
    </div>
</body>
</html>